import type { IconProps } from "@tabler/icons-react"
import { memo } from "react"

const IconCalls = memo(({ stroke = 1.5, color, size }: IconProps) => {
	return (
		<svg width={size} height={size} viewBox="0 0 24 24" fill="none">
			<path
				d="M4.88235 5H8.64706L10.5294 9.70588L8.17647 11.1176C9.18443 13.1614 10.8386 14.8156 12.8824 15.8235L14.2941 13.4706L19 15.3529V19.1176C19 19.6169 18.8017 20.0957 18.4487 20.4487C18.0957 20.8017 17.6169 21 17.1176 21C13.4464 20.7769 9.98367 19.2179 7.3829 16.6171C4.78212 14.0163 3.22311 10.5536 3 6.88235C3 6.38312 3.19832 5.90434 3.55133 5.55133C3.90434 5.19832 4.38312 5 4.88235 5Z"
				stroke={color ?? "currentColor"}
				strokeWidth={stroke}
				strokeLinecap="round"
				strokeLinejoin="round"
			/>
			<path
				d="M18 5L20.2765 3.862C20.3527 3.82392 20.4374 3.80594 20.5225 3.80977C20.6076 3.8136 20.6903 3.83912 20.7628 3.8839C20.8353 3.92868 20.8951 3.99124 20.9366 4.06563C20.9781 4.14003 21 4.2238 21 4.309V7.691C21 7.77619 20.9781 7.85997 20.9366 7.93436C20.8951 8.00876 20.8353 8.07132 20.7628 8.1161C20.6903 8.16088 20.6076 8.18639 20.5225 8.19023C20.4374 8.19406 20.3527 8.17608 20.2765 8.138L18 7V5Z"
				stroke={color ?? "currentColor"}
				strokeWidth={stroke}
				strokeLinecap="round"
				strokeLinejoin="round"
			/>
			<path
				d="M13 4C13 3.73478 13.1054 3.48043 13.2929 3.29289C13.4804 3.10536 13.7348 3 14 3H17C17.2652 3 17.5196 3.10536 17.7071 3.29289C17.8946 3.48043 18 3.73478 18 4V8C18 8.26522 17.8946 8.51957 17.7071 8.70711C17.5196 8.89464 17.2652 9 17 9H14C13.7348 9 13.4804 8.89464 13.2929 8.70711C13.1054 8.51957 13 8.26522 13 8V4Z"
				stroke={color ?? "currentColor"}
				strokeWidth={stroke}
				strokeLinecap="round"
				strokeLinejoin="round"
			/>
		</svg>
	)
})

export default IconCalls
